.main-essay{
  width: 100%;
  min-height: 10rem;
  display: inline-block;
  position: relative;
  .e-box{
    width: 11rem;
    margin: 0.2rem auto;
    .essay-mid{
      border-radius: 0.04rem;
      display: flex;
      justify-content: space-between;

      .tools{
        position: fixed;
        height: 100vh;
        margin-left: -0.7rem;
        display: flex;
        flex-direction: column;
        align-items: center;

        .tools-value:after{
          content: attr(title);
          position: absolute;
          top: 0;
          left: 75%;
          height: 17px;
          line-height: 17px;
          padding: 0 5px;
          border-radius: 9px;
          font-size: 11px;
          text-align: center;
          white-space: nowrap;
          background-color: #c2c8d1;
          color: #fff;
        }
        .tools-box{
          color:#8a919f;
          position: relative;
          margin-bottom: 0.17rem;
          width: 0.4rem;
          height: 0.4rem;
          background-color: #fff;
          background-position: 50%;
          background-repeat: no-repeat;
          border-radius: 50%;
          box-shadow: 0 2px 4px 0 rgb(0 0 0 / 4%);
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 0.17rem;
          &:hover{
            color: #1aaa55;
          }
        }
      }

      .home-ul{
        max-width: 894px;
        flex: 2;
        .essay-content{
          padding: 0.2rem;
          background: #ffffff;
          border-radius: 0.04rem;
          .essay-title{
            margin: 0 0 0.17rem;
            font-size: 0.27rem;
            font-weight: 600;
            line-height: 1.31;
            color: #252933;
          }
          .essay-box{
            display: flex;
            align-items: center;
            .essay-img{
              margin-right: 0.1rem;
              width: 0.4rem;
              height: 0.4rem;
              border-radius: 50%;
            }
            .essay-author{
              display: inline-block;
              vertical-align: top;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
            }
            .essay-date{
              font-size: 0.12rem;
              color: #8a919f;
              margin-top: 2px;
              line-height: 22px;
            }
          }
          .e-img{
            width: 100%;
            height: auto;
            padding: 0.2rem 0;
          }
        }
      }

    }

  }

}
